.apply-wrapper{
  @include full-flex;
  background-color: $bg-gray;
  .apply-block-list{
    background-color: $bg-gray;
    padding-top: 12px;
  }
  .apply-block{
    box-sizing: border-box;
    width:92%;
    margin: 0 auto 12px;
    background:rgba(255,255,255,1);
    border-radius:10px;
    .apply-title{
      margin: 0 20px;
      height:48px;
      border-bottom: 1px solid #e8e8e8;
      box-shadow:0px 0px 0px 0px rgba(0,0,0,0.08);
      line-height: 48px;
      color: $fc1;
      font-size:16px;
      font-weight:500;
      color:rgba(51,51,51,1);
    }
    .apply-box{
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      padding-bottom: 10px;
      .apply-box-item{
        background-color: $white;
        border-radius: 10%;
        padding-bottom: 30%;
        width: 33%;
        height: 0;
        margin-top: 5%;
        position: relative;
        .apply-box-item-inner{
          position: absolute;
          left: 0;
          right: 0;
          top: 0;
          bottom: 0;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          box-sizing: border-box;
          img{
            width:32px;
            height:32px;
          }
          .typename{
            margin-top: 10px;
            width: 86px;
            height: 40px;
            text-align: center;
            font-size:14px;
            color:rgba(34,34,34,1);
            line-height:18px;
            display: flex;
            align-items: flex-start;
            justify-content: center;
          }
        }
      }
    }
  }
  .apply-btn{
    @include button;
    width: 80%;
    background-color: $theme;
    color: $white;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    margin-top: 15px;
  }
}